﻿html{-webkit-tap-highlight-color: transparent;overflow-x: hidden; height: 100%; min-width:6.4rem; font-size: 312.5%;}
body{color:#eee;font-size:.28em;line-height:1.5;font-family:arial,Microsoft Yahei}
html,body {background-color:#fff}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0}
img {vertical-align:middle; border:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,li{list-style:none;}
em,i{font-style:normal}
img{border:none}
input,img{vertical-align:middle}
textarea:focus{outline:0}
a{color:#6E7D8B;text-decoration:none;outline:0}
a:active,a:hover,a.current{outline:0}
input, button, select, textarea {font-family:inherit;font-size:inherit;line-height:1;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent:0;text-shadow: none; vertical-align:middle}
button, input, optgroup, select, textarea {color:inherit;margin:0;-webkit-writing-mode: horizontal-tb;}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer}
article, aside, footer, header, hgroup, main, nav, section {display:block;}
@media screen and (min-width:350px){
	html{font-size:342%;}
}
@media screen and (min-width:360px){
	html{font-size:351.5625%;}
}
@media screen and (min-width:375px){
	html{font-size:366.2%;}
}
@media screen and (min-width:384px){
	html{font-size:375%;}
}
@media screen and (min-width:390px){
	html{font-size:380.859%;}
}
@media screen and (min-width:410px){
	html{font-size:400%;}
}
@media screen and (min-width:432px){ /* 魅族3 */
	html{font-size:421.875%;}
}
@media screen and (min-width:480px){
	html{font-size:469%;}
}
@media screen and (min-width:540px){
	html{font-size:527.34%;}
}
@media screen and (min-width:640px){
	html{font-size: 625%;}
}

.left {float:left}
.right {float:right}
/*头*/
.header_body {width:100%; height:0.88rem; background-color:#3e3d41; display: -webkit-box;}
.header_main {width:100%; overflow:hidden;display: -webkit-box;}
.header_icon01 {width:1.2rem; height:0.88rem; }
.header_icon01 a {display:block; height:100%; width:0.9rem; margin-left:0.2rem; background:url(../img/header/header_left.png) no-repeat center center; background-size:0.88rem 0.78rem;}
.header_txt {font-size:0.32rem; color:#fff; line-height:0.88rem; text-align:center; -webkit-box-flex: 1;}
.header_icon02 {width:1.2rem; height:0.88rem;}
.header_icon02 a {display:block; float:right; width:0.88rem; height:100%; font-size:0.26rem; line-height:0.88rem; text-align:center; color:#fff;background:url(../img/header/header_right.png) no-repeat center center; background-size:cover;}

/*banner*/
.wrap {width:100%; overflow:hidden; position:relative; height:3.16rem; background-color:#FFFFCC}
.wrap .pics{overflow:hidden; position:relative; padding:0; margin:0; list-style-type: none; height:3.16rem;}
.wrap .pics li {float:left; width: 100%; height:100%; text-align:center; position: relative; background-color: #CCCCCC; background-size: cover; background-position:center center; background-repeat:no-repeat}
.wrap .pics li a { display:block; width:100%; height:100%}
.wrap .pics img {width:100%;}
.num {position: absolute; z-index:99; left:0; right:0; bottom:0; text-align:center;}
.num .dot{font-style:normal; font-size:0; background-color:rgba(255,255,255,0.5); display:inline-block; width:8px; height:8px; border-radius:5px; margin:0 0.04rem;}
.num .dot.current{background-color:#fff;}

/*底部导航*/
.bot_nav_body {width:100%; height:0.98rem; position:fixed; left:0; bottom:0; background-color:#fff; border-top:#f1e7e7 solid 1px; z-index:300}
.bot_nav_main ul {overflow:hidden; height:0.98rem}
.bot_nav_main ul li {float:left; width:25%; height:0.98rem; text-align:center; }
.bot_nav_main ul li a {display:block; font-size:0.24rem; line-height:150%;}
.bot_nav_main ul li a span {display:block; width:0.44rem; height:0.44rem; background-size:0.44rem 0.44rem; margin:0.1rem auto 0.05rem; background-repeat:no-repeat; background-position:center center;}
.nav_icon01 {background-image:url(../img/bot_nav/bot_nav_1a.png);}
.nav_icon02 {background-image:url(../img/bot_nav/bot_nav_2a.png);}
.nav_icon03 {background-image:url(../img/bot_nav/bot_nav_3a.png);}
.nav_txt {color:#544f4f}
.nav_none01 {color:#71302c;}
.nav_none02 {color:#71302c;}
.nav_none03 {color:#71302c;}
.nav_none01>span {background-image:url(../img/bot_nav/bot_nav_1b.png);}
.nav_none02>span {background-image:url(../img/bot_nav/bot_nav_2b.png);}
.nav_none03>span {background-image:url(../img/bot_nav/bot_nav_3b.png);}

/*统一按钮*/
.button {margin:0 0.26rem; padding:1rem 0}
.button a {display:block; width:100%; height:0.76rem; background-color:#72302a; font-size:0.26rem; color:#fff; line-height:0.76rem; text-align:center; border-radius:0.1rem}

/*分享&客服*/
.fenxiang_body {width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:400}
.fenxiang_main {width:100%; background-color:#fff; position:absolute; left:0; bottom:0}
.fenxiang_main ul {width:100%; overflow:hidden}
.fenxiang_main ul li {float:left; width:33.33%; padding:0.4rem 0}
.fenxiang_main ul li a {display:block; font-size:0.24rem; line-height:180%; text-align:center; color:#333}
.fenxiang_main ul li a span {display:block; width:0.8rem; height:0.8rem; margin:0.2rem auto;}
.fenxiang_icon01 { background:url(../img/fenxiang01.png) no-repeat center center; background-size:cover}
.fenxiang_icon02 { background:url(../img/fenxiang02.png) no-repeat center center; background-size:cover}
.fenxiang_icon03 { background:url(../img/fenxiang03.png) no-repeat center center; background-size:cover}
.fenxiang_button {width:100%; border-top:#ededee solid 1px}
.fenxiang_button a { display:block; width:100%; height:0.8rem; background-color:#FFF; font-size:0.28rem; color:#333; line-height:0.8rem; text-align:center}

.kefu_main {width:100%; background-color:#fff; position:absolute; left:0; bottom:0}
.kefu_main ul {width:100%; overflow:hidden; padding:0.4rem 0}
.kefu_main ul li {float:left; width:49%; border-right:#f2f2f2 solid 1px}
.kefu_main ul li:last-child { border-right:none}
.kefu_main ul li a {display:block; font-size:0.24rem; line-height:180%; text-align:center; color:#333}
.kefu_main ul li a span {display:block; width:0.8rem; height:0.8rem; margin:0.2rem auto;}
.kefu_icon01 { background:url(../img/kefu_icon01.png) no-repeat center center; background-size:cover}
.kefu_icon02 { background:url(../img/kefu_icon02.png) no-repeat center center; background-size:cover}

/*弹框*/
.book_callslip_tc {width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:999}
.book_callslip_tc_main {margin:0 0.6rem; margin-top:50%; height:3rem; background-color:#FFF; border-radius:0.1rem; position:relative}
.book_callslip_tc_main p {font-size:0.3rem; line-height:180%; padding:0.7rem 0.2rem; text-align:center; color:#3a2626}
.book_callslip_tc_but {position:absolute; bottom:0; left:0; width:100%; height:0.95rem; border-top:#f1e7e7 solid 1px}
.book_callslip_tc_but ul { overflow:hidden; height:0.95rem;}
.book_callslip_tc_but ul li {float:left; width:50%; height:0.95rem;}
.book_callslip_tc_but ul li a { display:block; width:100%; height:0.95rem; font-size:0.28rem; color:#333; line-height:0.95rem; text-align:center}





